/* 公用样式 */
input{
	text-indent: 1em;
}
.cel{
	color: #169BD5;
	cursor: pointer;
}
.cel:hover{color: red;}
.li{
	display: flex;
	font-size: 0.729166rem;
	align-items: center;
	justify-content: space-between;
	width: 30%;
	padding: 0.78125rem 0;
	input{
		height: 1.25rem;
		border-radius: 0.208333rem;
		border: 1px solid #dcdfe6;
		outline: none;
		width: 8.333333rem;
	}
	.ti{
		// padding: 0 10px;
		width: 5.729166rem;
		overflow: hidden;
		height: 1.25rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.val{
		width: 8.333333rem;
		height: 1.25rem;
		border-radius: 0.260416rem;
		border: 1px solid #dcdfe6;
		text-align: center;
		background-color: #e4e4e4;
		line-height: 1.25rem;
	}
}
/* 弹窗主标签 */
.popUp{
	// 遮罩层
	.Mask{
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #666;
		z-index: 99;
		opacity: 0.6;
	}
	// 创建/编辑窗口
	.wind{
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
		transform: translate(-50%,-50%);
		background-color: #fff;
		border-radius: 0.260416rem;
		padding: 2.083333rem;
		.header{
			width: 100%;
			height: 2.604166rem;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 0 1.5625rem;
			border-bottom: 1px solid #e8e6e6;
			align-items: center;
			.cel{
				font-size: 1.041666rem;
				color: #169BD5;
				cursor: pointer;
			}
			.ti{
				font-size: 0.9375rem;
				font-weight: 700;
			}
			.cel:hover{color: red;}
		}
		.cont{
			padding: 1.5625rem;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			
			.li:nth-of-type(5){

			}
			.li:last-of-type{
				width: 100%;
				input{
					width: 90%;
				}
			}
			.liAdd{
				padding: 0.5rem;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 100%;
				// background-color:#666;
				color: #f84218;
				border-radius: 0.520833rem;
				.li{
					width: 30%;
				}
			}
		}
		.formFoot{
			width: 100%;
			display: flex;
			justify-content: space-between;
			.left{
				display: flex;
				font-size: 0.833333rem;
				color: #169BD5;
				padding-left: 0.520833rem;
				.start,.end,.last,.next{
					padding: 0 1.041666rem;
				}
				.page{
					display: flex;
					.pageNum{
						width: 1.041666rem;
						height: 1.041666rem;
						margin: 0 0.520833rem;
						input{
							width: 100%;
							height: 100%;
							text-align: center;
							line-height: 1.041666rem;
							text-indent: 0em;
						}
					}
				}
			}
			.rit{
				width: 18.979166rem;
				display: flex;
				justify-content: space-around;
				button{
					width: 4.583333rem;
					height: 1.5625rem;
					border-radius: 0.260416rem;
					cursor: pointer;
				}
				button{
					background-color: #169BD5;
					color: #fff;
					border: none;
				}
			}
		}
	}
	// 删除确认弹窗
	.msg{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 100;
		width: 20.833333rem;
		height: 10.416666rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #fff;
		border-radius: 0.260416rem;
		.header{
			width: 100%;
			padding: 1.041666rem;
			box-sizing: border-box;
			height: 0;
			display: flex;
			justify-content: flex-end;

		}
		.cont{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.function{
			width: 100%;
			height: 3.125rem;
			display: flex;
			justify-content: space-around;
			align-items: center;
			button{
				width: 5.208333rem;
				height: 1.5625rem;
				cursor: pointer;
			}
			button:nth-of-type(1){border: none;}
			button:nth-of-type(2){border: 1px solid #fff;color: #fff;background-color: #169BD5;}
			button:nth-of-type(2):hover{background-color: red;}
		}
	}
	// 添加数据弹窗
	.addFormData{
		background-color: #fff;
		position: fixed;
		z-index: 100;
		top: 50%;
		left: 50%;
		border-radius: 0.260416rem;
		transform: translate(-50%,-50%);
		.header{
			width: 100%;
			height: 3.125rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 0 1.5625rem;
			border-bottom: 1px solid #e8e6e6;
			.ti{
				font-weight: 800;
			}
		}
		.head{
			width: 100%;
			display: flex;
			justify-content: space-around;
			.li{
				width: 25%;
				input{
					width: 10.416666rem;
				}

			}
			.li:nth-of-type(4){
				justify-content: space-around;
				button{
					width: 6.25rem;
					height: 1.5625rem;
					border: none;
					outline: none;
					color: #fff;
					border-radius: 0.260416rem;
				}
				button:nth-of-type(1){background-color: #169BD5;}
				button:nth-of-type(2){background-color: #f60;}
			}
		}
		.table{
			width: 90%;
			margin: 0 auto;
			overflow-y: auto;
		}
		.foot{
			width: 100%;
			display: flex;
			margin: 0 auto;
			justify-content: space-around;
			border-top: 1px solid #e8e6e6;
			border-bottom: 1px solid #e8e6e6;
			.li{
				width: 22%;
				.ti{
					color: #F60;
				}
			}
			.li:nth-of-type(3){
				width: 25%;
				.ti{
					width: 7.291666rem;
				}
			}
		}
		.footer{
			width: 100%;
			box-sizing: border-box;
			height: 3.125rem;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding-right: 1.5625rem;
			button{
				border: none;
				outline: none;
				background-color: #169BD5;
				color: #fff;
				width: 6.25rem;
				height: 1.5625rem;
				font-size: 0.677083rem;
				border-radius: 0.260416rem;
			}
		}
	}
}
/deep/.el-input{
	width: 8.854166rem;
}
/deep/.el-table th.el-table__cell > .cell{
	text-align: center !important;
	color: #fff;
}
/deep/.el-table th.el-table__cell{
	background-color: #169BD5;
}
/deep/.el-table--border .el-table__cell:first-child .cell{
	width: 100%;
	display: flex;
	justify-content: center;
}

/* 禁用全选 */
/deep/ .el-table__fixed-header-wrapper .el-table-column--selection{
  border: 1px solid red;
  text-indent: -999999px;
}
